<%--
  Created by IntelliJ IDEA.
  User: xxswh
  Date: 2021/3/14
  Time: 10:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书管理</title>
    <link rel="stylesheet" href="css/csscustomer.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css"/>
</head>
<body>
<div class="topleft">
	    <span style="color: #00FFFF">&emsp;
			<i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;当前位置：
	        <span style="color:red;">图书管理</span>
	    </span>
</div>
<div style="padding: 100px 100px 10px;">
    <form class="bs-example bs-example-form input" role="form">
        <div class="input-group ">
            <span class="input-group-addon">用户名</span>
            <input type="text" class="form-control" placeholder="请输入···">
        </div>
        <br>
        <div class="input-group">
            <span class="input-group-addon">手机号</span>
            <input type="text" class="form-control"  placeholder="请输入···">
        </div>
    </form>
</div>
<br>
<div class="input-one">
    <button type="button" class="btn btn-default input-two" data-dismiss="modal">取消
    </button>
    <button type="button" class="btn btn-primary input-two">搜索
    </button>
</div>
<div class="information">
    <table class="table table-striped table-bordered table-hover table-condensed">
        <thead>
        <tr>
            <th class="thead">id</th>
            <th class="thead">昵称</th>
            <th class="thead">账号</th>
            <th class="thead">密码</th>
            <th class="thead">邮箱</th>
            <th class="thead">性别</th>
            <th class="thead">年龄</th>
            <th class="thead">角色</th>
            <th class="thead">选项</th>
        </tr>
        </thead>
        <tbody>
        <c:set var="totalPages" value="${requestScope.totalPages}"/>
        <c:set var="page" value="${requestScope.page}"/>
        <c:set var="currentPageUsers" value="${requestScope.userList.subList(beginIndex,endIndex)}"/>
        <c:forEach items="${userList}" var="userList">
                    <tr>
                      <td>
                          <label><input type="checkbox" value=""> ${userList.id}</label>
                      </td>
                      <td>${userList.nickname}</td>
                      <td>${userList.username}</td>
                      <td>${userList.password}</td>
                      <td>${userList.email}</td>
                      <td>${userList.sex}</td>
                      <td>${userList.age}</td>
                      <td>${userList.role}</td>
                      <td>
                          <a href="insertUser.jsp" style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 添加</a>
                          <a href="selectUpdateUser?id=${userList.id}" style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</a>
                          <a href="deleteUser?id=${userList.id}" style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</a>
                      </td>
                    </tr>
        </c:forEach>

<%--        <tr>--%>
<%--            <td>--%>
<%--              --%>
<%--            </td>--%>
<%--            <td>勿忘**心安</td>--%>
<%--            <td>152****3428</td>--%>
<%--            <td>乔迁宴</td>--%>
<%--            <td>16</td>--%>
<%--            <td>12/14 10:00 a.m</td>--%>
<%--            <td>--%>
<%--               --%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 2</label>--%>
<%--            </td>--%>
<%--            <td>溺**爱</td>--%>
<%--            <td>138****3628</td>--%>
<%--            <td>婚宴</td>--%>
<%--            <td>24</td>--%>
<%--            <td>12/13 11:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 3</label>--%>
<%--            </td>--%>
<%--            <td>繁华落尽**</td>--%>
<%--            <td>152****3445</td>--%>
<%--            <td>生日宴</td>--%>
<%--            <td>8</td>--%>
<%--            <td>12/18 10:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 4</label>--%>
<%--            </td>--%>
<%--            <td>梦**逍</td>--%>
<%--            <td>155****3389--%>
<%--            <td>聚餐</td>--%>
<%--            <td>5</td>--%>
<%--            <td>12/14 5:00 p.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 5</label>--%>
<%--            </td>--%>
<%--            <td>暖阳**</td>--%>
<%--            <td>152****3428</td>--%>
<%--            <td>生日宴</td>--%>
<%--            <td>12</td>--%>
<%--            <td>12/17 10:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 6</label>--%>
<%--            </td>--%>
<%--            <td>蒲公英**梦</td>--%>
<%--            <td>152****3119</td>--%>
<%--            <td>婚宴</td>--%>
<%--            <td>16</td>--%>
<%--            <td>12/19 10:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 7</label>--%>
<%--            </td>--%>
<%--            <td>唯美**空</td>--%>
<%--            <td>150****5584</td>--%>
<%--            <td>聚餐</td>--%>
<%--            <td>4</td>--%>
<%--            <td>12/14 10:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 8</label>--%>
<%--            </td>--%>
<%--            <td>星***可在</td>--%>
<%--            <td>152****3256</td>--%>
<%--            <td>乔迁宴</td>--%>
<%--            <td>16</td>--%>
<%--            <td>12/20 10:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 9</label>--%>
<%--            </td>--%>
<%--            <td>鑫海**念</td>--%>
<%--            <td>138****3678</td>--%>
<%--            <td>生日宴</td>--%>
<%--            <td>15</td>--%>
<%--            <td>12/15 11:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 10</label>--%>
<%--            </td>--%>
<%--            <td>无人**的看法</td>--%>
<%--            <td>150****3120</td>--%>
<%--            <td>生日宴</td>--%>
<%--            <td>16</td>--%>
<%--            <td>12/22 10:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 11</label>--%>
<%--            </td>--%>
<%--            <td>博城***思</td>--%>
<%--            <td>138****9947</td>--%>
<%--            <td>聚餐</td>--%>
<%--            <td>13</td>--%>
<%--            <td>12/21 10:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 12</label>--%>
<%--            </td>--%>
<%--            <td>蔷薇**静</td>--%>
<%--            <td>152****5586</td>--%>
<%--            <td>婚宴</td>--%>
<%--            <td>20</td>--%>
<%--            <td>12/16 9:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 13</label>--%>
<%--            </td>--%>
<%--            <td>皓月**摩</td>--%>
<%--            <td>150****5586</td>--%>
<%--            <td>乔迁宴</td>--%>
<%--            <td>13</td>--%>
<%--            <td>12/21 10:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 14</label>--%>
<%--            </td>--%>
<%--            <td>日头**莫言</td>--%>
<%--            <td>150****3619</td>--%>
<%--            <td>生日宴</td>--%>
<%--            <td>10</td>--%>
<%--            <td>12/18 5:00 p.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 15</label>--%>
<%--            </td>--%>
<%--            <td>FJIskF**风</td>--%>
<%--            <td>152****5678</td>--%>
<%--            <td>乔迁宴</td>--%>
<%--            <td>13</td>--%>
<%--            <td>12/21 10:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr><tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 16</label>--%>
<%--            </td>--%>
<%--            <td>爱尚***玫瑰</td>--%>
<%--            <td>138****2919</td>--%>
<%--            <td>婚宴</td>--%>
<%--            <td>20</td>--%>
<%--            <td>12/18 9:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr><tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 17</label>--%>
<%--            </td>--%>
<%--            <td>那年**她</td>--%>
<%--            <td>150****7849</td>--%>
<%--            <td>聚餐</td>--%>
<%--            <td>6</td>--%>
<%--            <td>12/19 5:00 p.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 18</label>--%>
<%--            </td>--%>
<%--            <td>身旁***我</td>--%>
<%--            <td>152****8812</td>--%>
<%--            <td>婚宴</td>--%>
<%--            <td>20</td>--%>
<%--            <td>12/16 9:00 a.m</td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
<%--        <tr>--%>
<%--            <td>--%>
<%--                <label><input type="checkbox" value=""> 19</label>--%>
<%--            </td>--%>
<%--            <td>--%>
<%--                <input class="inputadd"type="text" placeholder="+添加" style="height:35px;border:none">--%>
<%--            </td>--%>
<%--            <td>--%>
<%--                <input class="inputadd"type="text" placeholder="+添加" style="height:35px;border:none">--%>
<%--            </td>--%>
<%--            <td>--%>
<%--                <input class="inputadd"type="text" placeholder="+添加" style="height:35px;border:none">--%>
<%--            </td>--%>
<%--            <td>--%>
<%--                <input class="inputadd"type="text" placeholder="+添加" style="height:35px;border:none">--%>
<%--            </td>--%>
<%--            <td>--%>
<%--                <input class="inputadd"type="text" placeholder="+添加" style="height:35px;border:none">--%>
<%--            </td>--%>
<%--            <td>--%>
<%--                <span style="color: #FFD700;cursor:pointer"><i class="fa fa-eye" aria-hidden="true"></i> 查看</span>--%>
<%--                <span style="color: #00BFFF;cursor:pointer">&emsp;<i class="fa fa-pencil-square-o" aria-hidden="true"></i> 修改</span>--%>
<%--                <span style="color:red;cursor:pointer">&emsp;<i class="fa fa-trash" aria-hidden="true"></i> 删除</span>--%>
<%--            </td>--%>
<%--        </tr>--%>
        </tbody>
    </table>
</div>
<div>
    <div class="row justify-content-center pagination ul">
        <div>
            <nav>
                <ul class="pagination">
                    <li class="page-item"><a class="page-link" href="<c:url value="/selectUser?page=1"/>">首页</a></li>
                    <li class="page-item"><a class="page-link" href="<c:url value="/selectUser?page=${page-1>1?page-1:1}"/>">&laquo;</a>
                    </li>

                    <c:forEach begin="1" end="${totalPages}" varStatus="loop">
                        <c:set var="active" value="${loop.index==page?'active':''}"/>
                        <li class="page-item ${active}">
                            <a class="page-link" href="<c:url value="/selectUser?page=${loop.index}"/>">${loop.index}</a>
                        </li>
                    </c:forEach>
                    <li class="page-item">
                        <a class="page-link" href="<c:url value="/selectUser?page=${page+1<totalPages?page+1:totalPages}"/>">&raquo;</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="<c:url value="/selectUser?page=${totalPages}"/>">尾页</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
<%--    <ul class="pagination ul">--%>
<%--        <li>--%>
<%--            <a href="indexuser.jsp" >&laquo;</a>--%>
<%--        </li>--%>
<%--        <li class="active">--%>
<%--            <a href="indexuser.jsp">1</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="indexcustomer_classify.jsp">2</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="#">3</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="#">4</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="#">5</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="#">6</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="#">···</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="#">9</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="#">10</a>--%>
<%--        </li>--%>
<%--        <li>--%>
<%--            <a href="indexcustomer_classify.jsp">&raquo;</a>--%>
<%--        </li>--%>
<%--    </ul>--%>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</html>